<script setup lang="ts">
import { reactive, ref } from 'vue'

const food = ref('隆江猪脚饭')
const rice = ref({
  name: '米饭',
  food: ['油', '盐', '糖'],
  price: 50
})

const addFoods = () => {
  rice.value.food.push('葱')
}
</script>
<template>
  <div>{{ food }}</div>
  <div>{{ rice }}</div>
  <button @click="addFoods">米饭加料</button>
  <button @click="food += '烧鸭腿'">加菜加料</button>
</template>
<style scoped></style>
